import path from "path";

const config = {
  projectName: "reactNutui",
  date: "2023-12-18",
  designWidth: 375,
  deviceRatio: {
    640: 2.34 / 2,
    750: 1,
    828: 1.81 / 2,
    375: 2 / 1,
  },
  sourceRoot: "src",
  // 别名
  // alias: {
  //   "@": path.resolve(__dirname, "..", "src"),
  // },
  alias: {
    "@/components": path.resolve(__dirname, "..", "src/components"),
    "@/utils": path.resolve(__dirname, "..", "src/utils"),
    "@/pages": path.resolve(__dirname, "..", "src/pages"),
    "@/redux": path.resolve(__dirname, "..", "src/redux"),
  },
  // devServer: {
  //   proxy: {
  //     "/api": {
  //       target: "https://api.weixin.qq.com",
  //       changeOrigin: true,
  //       pathRewrite: {
  //         "^/api": "", // 将 /api 替换为空字符串，实现路径重写
  //       },
  //     },
  //   },
  // },
  outputRoot: "dist",
  plugins: ["@tarojs/plugin-html", "@tarojs/plugin-http"],
  defineConstants: {},
  copy: {
    patterns: [],
    options: {},
  },
  framework: "react",
  compiler: {
    type: "webpack5",
    prebundle: { enable: false },
  },
  mini: {
    webpackChain(chain) {
      chain.merge({
        performance: {
          //入口起点的最大体积 限制500kb
          maxEntrypointSize: 1024000,
          //生成文件的最大体积
          maxAssetSize: 1024000,
        },
      });
    },
    lazyCodeLoading: "requiredComponents",
    miniCssExtractPluginOption: {
      ignoreOrder: true,
    },
    postcss: {
      pxtransform: {
        enable: true,
        config: {
          selectorBlackList: ["nut-"],
        },
      },
      url: {
        enable: true,
        config: {
          limit: 1024, // 设定转换尺寸上限
        },
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: "module", // 转换模式，取值为 global/module
          generateScopedName: "[name]__[local]___[hash:base64:5]",
        },
      },
    },
  },
  h5: {
    publicPath: "/",
    staticDirectory: "static",
    // esnextModules: ['nutui-react'],
    // ... 其他 H5 配置项
    chunks: ["requiredComponents"], // 添加这一行以启用按需注入
    postcss: {
      pxtransform: {
        enable: true,
        config: {
          selectorBlackList: ["nut-"],
        },
      },
      autoprefixer: {
        enable: true,
        config: {},
      },
      cssModules: {
        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
        config: {
          namingPattern: "module", // 转换模式，取值为 global/module
          generateScopedName: "[name]__[local]___[hash:base64:5]",
        },
      },
    },
  },
};

module.exports = function (merge) {
  if (process.env.NODE_ENV === "development") {
    return merge({}, config, require("./dev"));
  }
  return merge({}, config, require("./prod"));
};
